import Vue from 'vue';
import Router from 'vue-router';
// import Packages from './pages/packages.vue';
// import PackagesDetail from './pages/packageDetail.vue';
// import Welcome from './pages/welcome.vue';
// import Personal from './pages/personal.vue';
// import Invite from './pages/invite.vue';
// import Page404 from './pages/404.vue';
// import Answer from './pages/answer.vue';

Vue.use(Router);

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'welcome',
      // component: Welcome,
      component: () => import(/* webpackChunkName: "welcome" */ './pages/welcome.vue'),
    },
    {
      path: '/answer',
      name: 'answer',
      // component: Answer,
      component: () => import(/* webpackChunkName: "answer" */ './pages/answer.vue'),
    },
    {
      path: '/packages',
      name: 'packages',
      // component: Packages,
      component: () => import(/* webpackChunkName: "packages" */ './pages/packages.vue'),
    },
    {
      path: '/package/:name',
      name: 'packageDetail',
      // component: PackagesDetail,
      component: () => import(/* webpackChunkName: "packagesDetail" */ './pages/packageDetail.vue'),
    },
    {
      path: '/personal',
      name: 'personal',
      component: () => import(/* webpackChunkName: "personal" */ './pages/personal.vue'),
      // component: Personal,
    },    {
      path: '/invite',
      name: 'invite',
      component: () => import(/* webpackChunkName: "invite" */ './pages/invite.vue'),
      // component: Invite,
    },
    {
      path:'/wait',
      name:'wait',
      component: () => import(/* webpackChunkName: "wait" */ './pages/wait.vue'),
    },
    {
      path: '/farm',
      name: 'farm',
      // component: Welcome,
      component: () => import(/* webpackChunkName: "welcome" */ './pages/farm.vue'),
    },
    {
      path:'*',
      name:'404',
      // component: Page404,
      component: () => import(/* webpackChunkName: "page404" */ './pages/404.vue'),
    }
  ],
});
